<!--
 * @Author: 凉月 1931226988@qq.com
 * @Date: 2023-04-15 15:44:07
 * @LastEditors: 凉月 1931226988@qq.com
 * @LastEditTime: 2023-04-16 08:38:16
 * @FilePath: \demo\index.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/less" href="./less/index.less">
    <script src="./js/less.js"></script>
    <!-- 使用 Live Server 打开页面 -->
</head>

<body>
    <!-- 头部区域 -->
    <header>
        <div class="wrap clear">
            <div class="header_top clear w">
                <div class="header_top_left">
                    <span><a href="#">DJI 大疆官网</a></span>
                    <ul>
                        <li>热门主机使用花呗，京东白条和招行分期最高可享 3期免息</li>
                    </ul>
                </div>
                <div class="header_top_right">
                    <ul>
                        <li class="Shopping_Cart"><a href="#">购物车</a></li>
                        <span>|</span>
                        <li><a href="#">登陆</a></li>
                        <span>|</span>
                        <li><a href="#">注册</a></li>
                        <span>|</span>
                        <li><a href="#">中国大陆(简体中文/￥CNY)</a></li>
                    </ul>
                </div>
            </div>
            <div class="header_content">
                <div class="header_wrap w clear">
                    <div class="header_content_left clear">
                        <span class="iconfont">
                            商城
                        </span>
                        <ul>
                            <li><a href="#">商品分类</a></li>
                            <li><a href="#">以旧换新</a></li>
                            <li><a href="#">购机指南</a></li>
                            <li><a href="#">DJI 大疆商城 APP</a></li>
                        </ul>
                    </div>
                    <div class="header_content_right clear">
                        <form action="">
                            <input type="text">
                            <button class="iconfont">&#xe67d;</button>
                        </form>
                    </div>
                </div>

            </div>
            <div class="header_bottom w clear">
                <ul class="clear">
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg" alt="">
                            <span>御 Mavic</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <!-- 轮播图区域 -->
    <!-- <div class="swiper-wrapper">
        <ul>
            <li>
                <a href="#">
                    <img src="./imgs/banner1.jpg" alt="">
                </a>
            </li>
        </ul>
    </div> -->

</body>

</html>